.order {
  /* height: 1000px; */
  /* background-color: pink; */
  padding: 16px;
}
.order .title_order {
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}
.order .title_order span:nth-child(2) {
  font-size: 14px;
  color: #bdb5a0;
}
.order ul.first {
  position: relative;
  margin-bottom: 20px;
}
.order ul.first li {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
}
.order ul.first li:hover a {
  color: rgb(235, 0, 40);
}
.order ul.first li:last-child {
  position: absolute;
  top: 0;
  right: 0;
}
.order ul.first li:last-child input {
  text-indent: 12px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  border: 1px solid #bdb5a0;
}
.order ul.first li:last-child span {
  position: absolute;
  right: 0px;
  top: 0px;
  border-left: 1px solid #bdb5a0;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
}
.order .detail {
  /* height: 300px; */
  border: 2px solid #afafaf;
  padding: 30px 0px 0px 0px;
}
.order .detail .top {
  margin: 0 20px;
}
.order .detail p {
  color: #b8b8b9;
  font-size: 24px;
}
.order .detail p:nth-child(2) {
  color: #8498b2;
  font-size: 18px;
  margin-top: 10px;
  position: relative;
}
.order .detail p:nth-child(2) span:last-child {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.order .detail p:nth-child(2) span i {
  font-size: 32px;
  color: #2e2e2e;
  padding: 0 4px;
}
.order .line {
  margin-top: 30px;
  height: 0;
  border-top: 1px solid #b8b8b9;
}
.detail .bottom {
  padding: 30px 40px;
}
.detail .bottom img {
  height: 60px;
  width: 60px;
  float: left;
}
.description {
  margin-left: 30px;
}
.detail .bottom .description p {
  font-size: 16px;
  color: #2e2e2e;
  height: 30px;
  line-height: 30px;
}
.detail .top a {
  border: 1px solid #afafaf;
  padding: 4px 20px;
}
.detail .bottom ul li:first-child {
  margin-bottom: 20px;
}
